<template>
	<view class="content">
		<view class="title" :style="{'margin-top':196+'rpx'}"></view>
		<view class="xuanzeyuyan">
			
		</view>
		<view class="btn-group">
			<view class="btn1" @click="languageSelect('zh')">
				
			</view>
			<view class="btn2" @click="languageSelect('en')">
				
			</view>
		</view>
		<view class="daxin">
			
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			languageSelect(res){
				
				if (res=='zh') {
					this.duoyuyan = 'zh'
					uni.setStorageSync('duoyuyan',this.duoyuyan)
					// console.log(this.duoyuyan)
					uni.navigateTo({
						url:'../home/home'
					})
				} else{
					this.duoyuyan = 'en'
					uni.setStorageSync('duoyuyan',this.duoyuyan)
					// console.log(this.duoyuyan)
					uni.navigateTo({
						url:'../home/home'
					})
				}
			}
		}
	}
</script>

<style scoped>
	page{
		background: url(../../static/bg.png) no-repeat center top;
		background-size: 100% auto;
	}
.daxin{
	width: 750rpx;
	height: 467rpx;
	background: url(../../static/daxin.png) no-repeat center center;
	background-size: 100% auto;
	margin-top: 74rpx;
}
.btn-group{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 58rpx;
}
.btn1{
	width: 160rpx;
	height: 160rpx;
	background: url(../../static/zh.png) no-repeat center center;
	background-size: 100% auto;
	margin-right: 20rpx;
}
.btn2{
	width: 160rpx;
	height: 160rpx;
	background: url(../../static/en.png) no-repeat center center;
	background-size: 100% auto;
}
.xuanzeyuyan{
	width: 222rpx;
	height: 122rpx;
	background: url(../../static/xuanzeyuyan.png) no-repeat center center;
	background-size: 100% auto;
	margin-top: 94rpx;
}
</style>
